<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:ui="http://java.sun.com/jsf/facelets"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
 	  xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
	<ui:composition template="/plantillas/comun.xhtml">
		<ui:define name="pageTitle">
			<h:outputText value="Bandeja de Entrada - Vimeworks"/>
		</ui:define>
		<ui:define name="pageContent">
			<h:form>
				<h3>
					<h:outputText value="Bienvenido #{datosSessionBean.usuario.nombre} #{datosSessionBean.usuario.apellido}!"/>
				</h3>
				<h:panelGroup id="panelProyectosUsuario">
				<a4j:repeat id="proyUsu"  var="proyecto" value="#{home.listaProyectos}">
					<rich:collapsiblePanel header="Proyecto:  #{proyecto.nombre}" style="width: 975px;">
						<h:panelGrid columns="2">
							<h:outputText value="Cliente:" style="font-weight: bold;"/>
							<h:outputText value="#{proyecto.recursoCliente.empresaCliente.nombre}" />
							<h:outputText value="Contacto:" style="font-weight: bold;"/>
							<h:outputText value="#{proyecto.recursoCliente.nombre}" />
							<h:outputText value="Descripcion:" style="font-weight: bold;"/>
							<h:outputText value="#{proyecto.descripcion}" />
							<h:outputText value="Usuario:" style="font-weight: bold;"/>
							<h:outputText value="#{home.datosSessionBean.usuario.nombreUsuario}" />
							<h:outputText value="Cargo:" style="font-weight: bold;"/>
							<h:outputText value="Jefe de Proyecto" rendered="#{proyecto.jefeProyecto.nombreUsuario == home.datosSessionBean.usuario.nombreUsuario }" />
							<h:outputText value="Desarrollador" rendered="#{proyecto.jefeProyecto.nombreUsuario != home.datosSessionBean.usuario.nombreUsuario }" />
						</h:panelGrid>
						<br/>
						<rich:dataTable value="#{proyecto.listaTareas}" var="tarea" noDataLabel="No tiene tareas asignadas al presente proyecto">
							<f:facet name="header">
								<h:outputText value="Lista de Tareas Asignadas" />
							</f:facet>
							<rich:column>
								<f:facet name="header">
									<h:outputText value="Nombre" />
								</f:facet>
								<h:outputText value="#{tarea.nombre}" />
							</rich:column>
							<rich:column>
								<f:facet name="header">
									<h:outputText value="Descripcion" />
								</f:facet>
								<h:outputText value="#{tarea.descripcion}" />
							</rich:column>
							<rich:column>
								<f:facet name="header">
									<h:outputText value="Tipo" />
								</f:facet>
								<h:outputText value="#{tarea.tipoTarea.nombre}" />
							</rich:column>
							<rich:column>
								<a4j:commandLink action="#{home.verFechasTarea(tarea.codigo)}" oncomplete="#{rich:component('modalFechasTarea')}.show(); return false;" render="modalFechasTarea">
									<h:graphicImage value="/images/tareas.png" width="20px" height="20px" title="Ver Fechas de la Tarea"/>
								</a4j:commandLink>
							</rich:column>
							<rich:column>
								<h:commandLink action="#{home.ingresarActividad(tarea.codigo)}">
									<h:graphicImage value="/images/add.png" width="20px" height="20px" title="Actividades"/>
								</h:commandLink>
							</rich:column>
							<rich:column>
								<a4j:commandLink action="#{home.finalizarTarea(tarea.codigo,tarea.codigoProyecto)}" render="panelProyectosUsuario">
									<h:graphicImage value="/images/select.png" width="20px" height="20px" title="Finalizar Tarea"/>
								</a4j:commandLink>
							</rich:column>
							
							
							
							<rich:column>
									<f:facet name="header">
										Estado Tarea
									</f:facet>
									<h:outputText
										rendered="#{tarea.diasAmarillo}"
										style="background: none repeat scroll 0 0 #FFFF00;"
										value="Para hoy" />
									<h:outputText
										rendered="#{tarea.diasVerde}"
										style="background: none repeat scroll 0 0 #00BB00;"
										value="Pendiente" />
									<h:outputText
										rendered="#{tarea.diasRojo}"
										style="background: none repeat scroll 0 0 #FF0000;"
										value="Atrasada" />
							</rich:column>
							
							
							
						</rich:dataTable>
					</rich:collapsiblePanel>
					<br/>
				</a4j:repeat>
				</h:panelGroup>
			</h:form>
			<rich:popupPanel header="Fechas de la Tarea" id="modalFechasTarea" autosized="true">
				<h:form>
					<h:panelGrid columns="2">
						<h:outputText value="Tarea:" style="font-weight: bold;"/>
						<h:outputText value="#{home.tareaSeleccionada.nombre}" />
					</h:panelGrid>
					<rich:dataTable value="#{home.fechasTarea}" var="fechaIterador">
						<f:facet name="header">
							<h:outputText value="Lista de Fechas" />
						</f:facet>
						<rich:column>
							<f:facet name="header">
								<h:outputText value="Tipo" />
							</f:facet>
							<h:outputText value="#{fechaIterador.tipoFechaTarea.descripcion}" />
						</rich:column>
						<rich:column colspan="3">
							<f:facet name="header">
								<h:outputText value="Fecha" />
							</f:facet>
							<h:outputText value="#{fechaIterador.fecha}" />
						</rich:column>
					</rich:dataTable>
					<br/>
					<center>
						<a4j:commandButton value="Aceptar" onclick="#{rich:component('modalFechasTarea')}.hide(); return false;"/>
					</center>
				</h:form>
			</rich:popupPanel>
		</ui:define>
	</ui:composition>
</html>